{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}{$fid?($info['seo_title']?:$info['name']):$m_info['title']}{/block}
{block name="head_keword"}{$fid?($info['seo_keywords']?:$info['name']):$m_info['title']}{/block}
{block name="head_description"}{$info.seo_description}{/block}

{block name="body_ExtraHead"}
<style>
    h2.mbt {
        color: #324a6c;
        font-size: 30px;
        line-height: 54px;
        text-align: center;
        padding: 60px 0;
    }

    .dingyi {
        width: 100%;
        height: 400px;
        overflow: hidden;
        background-color: #f5f5f5;
        position: relative;
    }

    .rightbg {
        width: 50%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        overflow: hidden;
    }

    .full {
        width: 100%;
        height: 100%;
    }

    .rightbg img.full {
        position: absolute;
        width: 960px;
        left: 50%;
        top: 0;
        z-index: 1;
        margin-left: -480px;
    }

    .ov {
        overflow: hidden;
    }

    .dycon {
        width: 50%;
        height: 100%;
        float: left;
    }

    .dycon .inner {
        font-size: 16px;
        color: #666;
        line-height: 26px;
        padding: 74px 50px 50px 180px;
    }

    .dycon .pic {
        float: left;
        margin-left: -180px;
        width: 104px;
        height: 104px;
        overflow: hidden;
    }

    .dycon h3 {
        font-size: 20px;
        line-height: 40px;
        color: #039be3;
        font-weight: bold;
        margin-bottom: 24px;
    }

    .imgCenter {
        text-align: center;
    }

    .imgCenter img {
        max-width: 100%;
    }

    .downBox {
        width: 1060px;
        margin: 0 auto;
        padding-bottom: 60px;
    }

    .downBox a {
        display: block;
    }

    .downBox a:hover {
        color: #039BE3;
        text-decoration: underline;
        text-underline: #039BE3;
    }

    @media screen and (max-width: 768px) {
        h2.mbt {
            font-size: 36px;
        }

        .dingyi {
            height: auto;
        }

        .rightbg {
            position: relative;
            width: 100%;
            height: 400px;
        }

        .dycon {
            float: none;
            width: 100%;
            /*height: auto;*/
        }

        .dycon .inner {
            font-size: 24px;
            line-height: 34px;
            padding: 40px 30px 40px 160px;
        }

        .dycon .pic {
            margin-left: -130px;
        }

        .dycon h3 {
            font-size: 30px;
        }

    }
</style>
{/block}

{block name="body_AllScorllSlide"}
<!--通栏横幅图片__STATIC__/css/qb_ui.css中控制图片宽度百分百高度行内样式设置，如不设置不小于100px---->
<!--
<div class="qb_ui_AllscrollBanner" style="height:300px;">
	<a href="#1"><img src="__STATIC__/images/s0.jpg"></a>
</div>
-->
<div class="abanner banner">
    {qb:tag name="cms_list_common_banner" type="image"}

    {empty name="picurl"}
    <img src="__STATIC__/qy_dd/upload/2018/12/25/154570884659939y6e3.png?v=v11" alt="" class="img">
    {else /}
    <div class="qb_ui_AllscrollBanner">
        <a href="{$url}"><img src="{$picurl}"></a>
    </div>
    {/empty}

    {/qb:tag}
    <div class="text_box w1280">
        <div class="en">TITLE</div>
        <div class="cn">{$info['name']}</div>
        <div class="down"></div>
    </div>
</div>
{/block}

{block name="body_content"}
{include file="content/left" /}
<div class="main business">
    <div class="box" style="padding-top: 0px;">

        <h2 class="mbt hasani finr ani">{qb:tag name="single_process_txt_1" type="text"}招聘流程外包{/qb:tag}</h2>
        <div class="dingyi">
            <div class="rightbg hasani scl05 ani">
                {qb:tag name="single_process_image_2" type="image"}
                <img src="__STATIC__/qy_dd/upload/2019/ywgl/zplc_box1.png?v=91a0c237a23c9e1d711e457f6a53e7ad" alt="" class="full">
                {/qb:tag}
            </div>
            <div class="cer ov h">
                <div class="dycon hasani find ani">
                    <div class="inner">
                        <div class="pic dy2"></div>
                        <h3>{qb:tag name="single_process_txt_3" type="text"}服务定义{/qb:tag}</h3>
                        <div>
                            {qb:tag name="single_process_txt_4" type="text"}
                            智仁人力招聘流程外包是为企业提供从招聘策略咨询、招聘体系搭建到招聘流程管理、人才库管理、招聘渠道管理、招聘技能培训、雇主品牌提升、招聘新技术应用等一站式全流程招聘外包服务，同时确保企业招聘结果高效达成，我们能做的不仅是为企业引进优秀人才，更帮助企业建立高效率的人才梯队，促进HR战略角色提升。
                            {/qb:tag}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <h2 class="mbt ani">{qb:tag name="single_process_txt_5" type="text"}服务内容{/qb:tag}</h2>
        <div class="imgCenter">
            {qb:tag name="single_process_image_6" type="image"}
            <img src="__STATIC__/qy_dd/upload/2019/ywgl/zplc_box2.png?v=d2b8476fbeed2d70e5137fbf4d4c5033" alt="">
            {/qb:tag}
        </div>
        <h2 class="mbt ani">{qb:tag name="single_process_txt_7" type="text"}服务流程{/qb:tag}</h2>
        <div class="imgCenter">
            {qb:tag name="single_process_image_8" type="image"}
            <img src="__STATIC__/qy_dd/upload/2019/ywgl/zplc_box3.png?v=b11dfad69a52b2944f9f43a9f7f2b727" alt="">
            {/qb:tag}
        </div>
        <br>
        <!--<h2 class="mbt ani">业务介绍附件</h2>
        <div class="downBox">
            <a target="_blank" href="" download="招聘流程外包业务介绍.pdf" title="下载" mce_href="#">招聘流程外包业务介绍.pdf</a>
        </div>-->
    </div>
</div>

{/block}

{block name="html_ExtraJsEnd"}
<script>

    $(function(){
        $('.list_top .pic').height(Math.floor($('.list_top .pic').width()*(420/630)));
        $('.list_bot .pic').height(Math.floor($('.list_bot .pic').width()*(400/413)));

        $(window).resize(function(){
            $('.list_top .pic').height(Math.floor($('.list_top .pic').width()*(420/630)));
            $('.list_bot .pic').height(Math.floor($('.list_bot .pic').width()*(400/413)));
        })
        $('.hover_box .tb').mCustomScrollbar({

        })

        $('.item .icon').height(Math.floor($('.item .icon').width()*(175/160)));
        $('.process_list .line').height($('.item .icon').height());

        $(window).resize(function(){
            $('.item .icon').height(Math.floor($('.item .icon').width()*(175/160)));
            $('.process_list .line').height($('.item .icon').height());
        })

        $(document).on('click','.case_list ul .li .tit',function(){
            if($(this).parent().hasClass('on')){
                $(this).parent().removeClass("on").find(".content").slideUp();
            }else{
                $(".case_list ul .li").removeClass("on").find(".content").slideUp();
                $(this).parent().addClass("on").find(".content").slideDown();
            }
        })
    })

</script>
{/block}
{block name="body_Class"}header_no_fix f5f6fa{/block}